---
title: Currículo de Front-End — Dicas de Escrita Específicas para Front-End, com Exemplos
description: Dicas para aprimorar o seu currículo de desenvolvedor front-end / desenvolvedor web para conseguir a entrevista de emprego na área de front-end.
---

Para conseguir uma entrevista para uma posição de Engenheiro Front-End, precisamos enviar um currículo que passe pelo processo de triagem de currículos da empresa. Existem muitos recursos disponíveis para ajudar na elaboração de um bom currículo de Engenheiro de Software, mas poucos são adaptados para Engenheiros de Front-End. Para dicas gerais de currículo de Engenheiro de Software, consulte o [Tech Interview Handbook](https://www.techinterviewhandbook.org/resume/).

Nesta página, oferecemos algumas dicas específicas para Front End Engineers a fim de melhorar seus currículos e chegar à etapa de entrevistas.

## Requisitos Básicos

- Preferencialmente mantido em uma página se você tiver menos de 5 anos de experiência, não excedendo duas páginas.
- Construa usando o Microsoft Word, Google Docs, Pages ou LaTeX para que o Sistema de Rastreamento de Candidatos (ATS) possa analisar os currículos. Evite usar software de design.
- Envie no formato PDF.

## Formatação e Estética

Engenheiros de Front-End lidam frequentemente com interfaces de usuário e são esperados ter um aguçado senso de design. Isso refletirá muito mal em você como um Engenheiro de Front-End se o seu currículo não for esteticamente agradável.

- Utilize um formato de coluna única.
- Utilize fontes comuns que estejam disponíveis na maioria dos sistemas operacionais, como Arial, Calibri ou Garamond. Evite fontes extravagantes.
- Mantenha-se a uma única fonte ou, no máximo, duas fontes (uma para os cabeçalhos e outra para o corpo do texto).
- Tamanho de fonte mínimo de 11px.

Seu currículo não precisa ser extremamente bonito e extravagante, apenas precisa parecer organizado e visualmente agradável. Se você tem recursos disponíveis, a maneira mais rápida de criar um currículo esteticamente agradável e compatível com ATS é adquirir modelos de currículo do [FAANG Tech Leads](https://www.faangtechleads.com/).

## Seção de Experiência Profissional

A seção de experiência profissional do seu currículo é a mais importante e deve ocupar a maior parte do espaço no currículo. It is important to highlight your contributions to your past or current employer's business goals in this section,

Para melhorar a classificação do seu currículo pelo ATS, inclua "Front End" em várias partes do currículo sempre que possível. Se o seu título oficial for "Engenheiro de Software", mas você realizou uma quantidade significativa de desenvolvimento front-end como parte do seu trabalho, considere colocar seu título como "Engenheiro Front End" / "Engenheiro de Software Front End" / "Engenheiro de Software (Front End)" para aumentar a relevância.

É comum as pessoas cometerem o erro de não fornecer detalhes suficientes sobre suas experiências e conquistas. Para se destacar, é importante fornecer informações suficientes sobre a **magnitude, complexidade e impacto** das suas experiências e conquistas.

- **Ruim 👎**: "Construí um site com HTML, CSS e JavaScript".
- **Melhor 👍**: "Construí um site de comércio eletrônico eficiente que permitia aos usuários navegar por centenas de itens, adicionar ao carrinho e finalizar a compra com PayPal". O site possui 20 mil usuários ativos por mês, carrega em menos de 2 segundos e tem uma pontuação de 98 no Lighthouse. Tecnologias utilizadas: Next.js, React, GraphQL, módulos de CSS

Aqui está uma lista não exaustiva de conquistas técnicas relacionadas ao front-end que são adequadas para serem mencionadas:

- Trabalho no produto: Detalhe as funcionalidades desenvolvidas dentro de um produto.
- **Performance**: Melhorias de desempenho realizadas e os ganhos resultantes em porcentagem. E.g. tamanho de carregamento da página, tempo de carregamento da página, melhorias na pontuação do Lighthouse, etc.
- **Testes**: Número de testes escritos, quantos fluxos críticos eles abrangem, aumento percentual na cobertura de testes.
- % ou redução numérica em erros/avisos de SEO. Essa métrica é fácil de obter se a empresa utilizar ferramentas de SEO como Ahrefs e Semrush.
- **Acessibilidade (a11y)**: Número de erros a11y corrigidos, número de fluxos que foram melhorados para atender à conformidade do nível WCAG AA/AAA, número de componentes onde a11y melhorou.
- **Ferramentas**: Modernização das tecnologias utilizadas em uma base de código, por exemplo, migrando uma base de código jQuery para React, melhorando a segurança de tipos ao introduzir o TypeScript. Você pode descrever o produto ou mencionar o número aproximado de linhas de código (LOCs) ou engenheiros trabalhando no código para dar uma ideia melhor da escala e complexidade.

## Seção de Habilidades

A seção "Habilidades" é uma lista de idiomas e tecnologias que você possui e serve como uma verificação/resumo rápido quando ATS/recrutadores/gerentes de contratação leem essa seção. No mínimo, você deve ter dois itens de lista para as categorias "Idiomas" e "Tecnologias":

Devido à grande quantidade de diferentes tecnologias necessárias para construir aplicações de front-end, você pode descobrir que possui muitas tecnologias para adicionar à seção de habilidades do seu currículo. No entanto, não adicione todas as tecnologias! Isso dilui a importância das habilidades que realmente importam. Priorize os idiomas/tecnologias que:

### 1. Aparecem na descrição da vaga

Se uma habilidade aparece na descrição da vaga e você possui experiência com ela, definitivamente deve adicioná-la.

### 2. Liste apenas as tecnologias-chave que influenciam a arquitetura

Bibliotecas como o React influenciam fortemente as outras escolhas de tecnologia associadas, enquanto bibliotecas como o Underscore/Lodash são agnósticas em relação à arquitetura e podem ser facilmente substituídas. Priorize as primeiras e omita bibliotecas pequenas/utilitárias que podem ser facilmente substituídas.

### 3. Amplamente conhecidas ou estão ganhando rapidamente popularidade

Isso demonstra que você está acompanhando o ecossistema moderno de front-end. A empresa também pode estar considerando adotar essa tecnologia, e se você tiver experiência nela, é uma vantagem.

### 4. Demonstre sua amplitude

Listar React, Angular e Vue (todos frameworks de visualização de front-end) é excessivo, mesmo que você realmente esteja familiarizado com todos eles. Poucas descrições de vagas listarão mais de uma tecnologia que serve ao mesmo propósito (e é um sinal de alerta se o fizerem). Adicionar muitas tecnologias (especialmente da mesma categoria) dificulta para o leitor ter uma noção das suas habilidades.

Tente listar **pelo menos uma e no máximo duas** tecnologias que pertençam às seguintes categorias. Nem todas as categorias se aplicarão a você, então inclua apenas as relevantes. Exemplos populares são mostrados abaixo.

- **Visualizar**: [React](https://react.dev/), [Angular](https://angular.io/), [Vue](https://vuejs.org/), [Svelte](https://svelte.dev/)
- **Renderização Frameworks**: [Next.js](https://nextjs.org/), [Gatsby](https://www.gatsbyjs.com/), [Nuxt](https://nuxtjs.org/), [SvelteKit](https://kit.svelte.dev/)
- **Gerenciamento de Estado**: [Redux](https://redux.js.org/), [Flux](https://facebook.github.io/flux/), [Jotai](https://jotai.org/), [Zustand](https://github.com/pmndrs/zustand), [Relay](https://relay.dev/)
- **CSS**: [CSS Modules](https://github.com/css-modules/css-modules), [Styled Components](https://styled-components.com/), [Tailwind CSS](https://tailwindcss.com/), [Sass](https://sass-lang.com/), [Less](https://lesscss.org/)
- **CSS Frameworks**: [Bootstrap](https://getbootstrap.com/), [Material UI](https://mui.com/), [Chakra UI](https://chakra-ui.com/), [Bulma](https://bulma.io/)
- **Testes Unitários**: [Jest](https://jestjs.io/), [Vitest](https://vitest.dev/), [Storybook](https://storybook.js.org/), [Mocha](https://mochajs.org/), [Jasmine](https://jasmine.github.io/), [Karma](httpsformat@@7format@@8arma-runner.github.io/latest/index.html)
- **Data Fetching**: [GraphQL](https://graphql.org/), [tRPC](https://trpc.io/), [TanStack Query](https://tanstack.com/query/v3/), [swr](https://swr.vercel.app/)
- **Teste de Integração**: [Cypress](https://www.cypress.io/), [Selenium](https://www.selenium.dev/), [Puppeteer](https://pptr.dev/), [WebdriverIO](https://webdriver.io/), [Playwright](https://playwright.dev/)
- **Ferramentas de Idioma**: [Babel](https://babeljs.io/), [TypeScript](https://www.typescriptlang.org/), [Flow](https://flow.org/), [ESLint](https://eslint.org/)
- **Ferramentas de compilação (opcional)**: [webpack](https://webpack.js.org/), [Vite](https://vitejs.dev/), [Parcel](https://parceljs.org/), [Gulp](https://gulpjs.com/), [Rollup](https://rollupjs.org/), [Browserify](https://browserify.org/)
- **Gerenciamento de Pacotes (opcional)**: [npm](https://www.npmjs.com/), [Yarn](https://yarnpkg.com/), [pnpm](https://pnpm.io/)

### Exemplo

Isso é como a seção "Habilidades" no nosso currículo ficaria:

- **Linguagens**: HTML, CSS, JavaScript, TypeScript
- **Tecnologias**: React, Next.js, Tailwind CSS, Jest, Storybook, Cypress, React Query, Yarn, webpack

Esta é exatamente a pilha de tecnologia utilizada para construir o GreatFrontEnd. Certamente você deve incluir HTML, CSS e JavaScript na seção de "Idiomas", caso contrário, algo está bastante errado.

## Seção Projetos

O domínio de front-end avança rapidamente com novos frameworks JavaScript e metodologias CSS surgindo a cada ano. Ter projetos em seu currículo sugere que você é apaixonado pela área e se esforça para acompanhar as mais recentes tecnologias de front-end, especialmente se elas não forem utilizadas no seu trabalho, o que é um sinal muito positivo. Liste as tecnologias usadas para cada projeto, especialmente se forem tecnologias modernas que a empresa utiliza. Isso ajuda na classificação do ATS e deixa uma impressão mais profunda no leitor. Sempre que possível, coloque o código no GitHub e aprimore o README com capturas de tela do produto. Adicione links para o código do projeto e para o website ao vivo no seu currículo.

Contribuições para projetos de código aberto, especialmente alterações não triviais em bases de código complexas, são vistas como um sinal de competência técnica. Ainda melhor se você tiver criado ou for mantenedor de projetos de código aberto.

## Resumo

Embora [dicas gerais de currículo de engenheiro de software do Tech Interview Handbook](https://www.techinterviewhandbook.org/resume/) sejam suficientes para engenheiros de front-end, as dicas acima ajudarão você a elevar seu currículo de engenheiro de front-end e trazê-lo para o próximo nível.
